<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!--  关闭缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<!--  一会试验下是否有必要存在 -->
<meta name="apple-touch-fullscreen" content="yes"> 
<!--网站开启对 web app 程序的支持。-->
<meta name="apple-mobile-web-app-capable" content="yes">
<!--在 web app 应用下状态条（屏幕顶部条）的颜色；-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--使设备浏览网页时对数字不启用电话功能-->
<meta name="format-detection" content="telephone=no">
<!--使用wtai协议进行拨打电话。-->
<meta http-equiv="x-rim-auto-match" content="none"/>
<!--标示移动站点-->
<meta name="HandheldFriendly" content="true"/>
<title>首页</title>
<!--公共css文件调用-->
<link href="css/global.css" rel="stylesheet" type="text/css" />
<!--滑动门css文件调用-->
<link rel="stylesheet" href="css/common/swiper.min.css" type="text/css"/>
<!--当前页面css-->
<link rel="stylesheet" href="css/home_page.css" type="text/css"/>
</head>
<body>

<!--搜索列表-->
<div class="g_search">
    <div class="search_top">
    	<div class="input">
        	<input type="text" placeholder="请输入旅游信息"/>
        </div>
        <div class="word">
        	<span>取消</span>
        </div>
        <div class="iscroll" id="iscroll">
            <ul>
                <li>天津旅游</li>
                <li>北京旅游</li>
                <li>上海旅游</li>
                <li>南京旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
                <li>河南旅游</li>
                <li>昆明旅游</li>
            </ul>
        </div>
    </div>
    <div class="search_bg">
    </div>
</div>
<!--搜索列表end-->

<div class="main">
	
    <!--头部-->
	<header class="g_head">
    	<div class="return" onclick="history.go(-1)">
        	<img src="images/return.png" />
        </div>
        <div class="address">
        	<span><a href="select_city.html">天津</a></span>
            <i></i>
        </div>
        <div class="search">
        	<img src="images/search.png" />
        	<input type="text" placeholder="搜索目的地国家/城市/关键词" />
        </div>
    </header>
	<!--头部end-->
    
    
    <!--轮播图-->
    <div class="swiper-container lbt">
        <ul class="swiper-wrapper">
            <li class="swiper-slide"><img src="images/home_page/banner01.jpg"/></li>
            <li class="swiper-slide"><img src="images/home_page/banner02.jpg"/></li>
            <li class="swiper-slide"><img src="images/home_page/banner03.jpg"/></li>
        </ul>
        <div class="swiper-pagination"></div>
    </div>
    <!--轮播图end-->
    
    <!--快捷入口-->
    <div class="kjrk">
    	<ul>
        	<li>
            	<img src="images/home_page/k_01.jpg" />
                <span>热门景点</span>
            </li>
            <li>
            	<img src="images/home_page/k_02.jpg" />
                <span>明星路线</span>
            </li>
            <li>
            	<img src="images/home_page/k_03.jpg" />
                <span>团购秒杀</span>
            </li>
        </ul>
    </div>
	<!--快捷入口-->
    
    <!--菜单-->
    <div class="c_block">
    </div>
    <div class="menu">
    	<ul>
          <li><img src="images/home_page/icon01.png" /><br><span>周边游</span></li>
          <li><img src="images/home_page/icon02.png" /><br><span>国内游</span></li>
          <li><img src="images/home_page/icon03.png" /><br><span>出境游</span></li>
          <li><img src="images/home_page/icon04.png" /><br><span>当地玩乐</span></li>
        </ul> 
        <ul>
       	  <li><img src="images/home_page/icon05.png" /><br><span>景点门票</span></li>
          <li><img src="images/home_page/icon06.png" /><br><span>酒店</span></li>
          <li><img src="images/home_page/icon07.png" /><br><span>机票</span></li>
          <li><img src="images/home_page/icon08.png" /><br><span>火车票</span></li>
        </ul>   
    </div>   
    <!--菜单end-->
    
    <!--图片列表-->
    <div class="qh_b">
        <ul class="my-pagination">
        </ul>
    </div>
    <div class="list_img">
        <div class="swiper-container2">
            <div class="qh swiper-wrapper">
                <ul class="swiper-slide">
                    <li>
                        <img src="images/home_page/list01.jpg">
                        <span class="tag">门票</span>
                        <span class="praise"><img src="images/zan.png" />1254</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list02.jpg">
                        <span class="tag">景点</span>
                        <span class="praise"><img src="images/zan.png" />1965</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list03.jpg">
                        <span class="tag">免费</span>
                        <span class="praise"><img src="images/zan.png" />25486</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list04.jpg">
                        <span class="tag">好玩</span>
                        <span class="praise"><img src="images/zan.png" />25648</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list05.jpg">
                        <span class="tag">全家</span>
                        <span class="praise"><img src="images/zan.png" />35846</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list06.jpg">
                        <span class="tag">有名</span>
                        <span class="praise"><img src="images/zan.png" />5896</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list07.jpg">
                        <span class="tag">马尔代夫</span>
                        <span class="praise"><img src="images/zan.png" />32105</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list08.jpg">
                        <span class="tag">三亚</span>
                        <span class="praise"><img src="images/zan.png" />24876</span>	
                    </li>
                </ul>
                <ul class="swiper-slide">
                    <li>
                        <img src="images/home_page/list09.jpg">
                        <span class="tag">日韩</span>
                        <span class="praise"><img src="images/zan.png" />19842</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list10.jpg">
                        <span class="tag">香港</span>
                        <span class="praise"><img src="images/zan.png" />8451</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list11.jpg">
                        <span class="tag">上海</span>
                        <span class="praise"><img src="images/zan.png" />9985</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list12.jpg">
                        <span class="tag">西藏</span>
                        <span class="praise"><img src="images/zan.png" />15428</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list13.jpg">	
                        <span class="tag">草原</span>
                        <span class="praise"><img src="images/zan.png" />5842</span>
                    </li>
                    <li>
                        <img src="images/home_page/list14.jpg">
                        <span class="tag">名山</span>
                        <span class="praise"><img src="images/zan.png" />7962</span>	
                    </li>
                    <li>
                        <img src="images/home_page/list15.jpg">	
                        <span class="tag">蓝天</span>
                        <span class="praise"><img src="images/zan.png" />84521</span>
                    </li>
                    <li>
                        <img src="images/home_page/list16.jpg">
                        <span class="tag">昆明</span>
                        <span class="praise"><img src="images/zan.png" />54862</span>	
                    </li>
                </ul>
            </div>
        </div>
     </div>   
    <!--图片列表end-->
    
    <!--底部-->
    <footer class="g_footer">
    	<ul>
        	<li>
            	<a href="home_page.html">
                	<img src="images/nav01_on.png"><br/><span class="on">首页</span>
                </a>
            </li>
            <li>
            	<a href="classify.html">
                	<img src="images/nav02.png"><br/><span>分类</span>
                </a>
            </li>
            <li>
            	<a href="Destination.html">
                	<img src="images/nav03.png"><br/><span>目的地</span>
                </a>
            </li>
            <li>
            	<a href="Panic_buying.html">
                	<img src="images/nav04.png"><br/><span>抢购</span>
                </a>
            </li>
            <li>
            	<a href="my.html">
                	<img src="images/nav05.png"><br/><span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!--底部end-->
    
</div>

<!--引用js库-->
<script src="js/common/jquery-1.9.1.min.js" type="text/javascript"></script>
<!--引用滑动门插件-->
<script src="js/common/swiper.min.js" type="text/javascript"></script>
<!--引用橡皮筋插件-->
<script src="js/common/iscroll.js" type="text/javascript"></script>
<!--公共js文件引用-->
<script src="js/common.js" type="text/javascript"></script>
<!--当前页面js-->
<script src="js/home_page.js" type="text/javascript"></script>
</body>
</html>
